<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>web开发</title>
    </head>
    <body>
        <!-- 无序列表unordered list -->
        <ul>
            <!-- 列表项 list item -->
            <li>块元素</li>
            <li>行内元素</li>
        </ul>
        <!-- 有序列表ordered list -->
        <ol>
            <li>块元素</li>
            <li>行内元素</li>
        </ol>
        <a href="html/news.html">
            <img src="imgs/s1.jpg" alt=""/>
            <img src="imgs/s1.jpg" alt=""/>
            <p>这是一张图片</p>
        </a>
        <!-- 标签有分类：
            独占一行的标签(块元素)、h1-h6、p、ul、ol、li
            与内容同宽的标签(行内元素) ：a、img、input
        -->
        
        
        <p><a href="">hello</a></p>
        <ul>
            <li>
                <a href="html/news.html" target="_blank">跳转到news</a>
            </li>
            <li>
                <a href="https://www.baidu.com/">跳转到百度</a>
            </li>
            <li>
                <a href="">hello</a>
            </li>
            <li>
                <a href="">world</a>
            </li>
        </ul>
    </body>
</html>
